<template>
  <div>
    <p>
      它一般用来封装通用（公共）的通知组件,
      直接通过函数去调用，从而弹出弹窗，当然，弹窗内容是什么我们自己定义，
      这种就类似于element-ui、中this.$message(),直接通过函数调用就能有消息提示，是差不多的
      比如，我们项目中涉及到很多表格数据的导出，但是导出之前，需要有一个弹窗，让用户选择
      表格中哪些字段的数据可以导出，此时，用到了这种方法，避免了多个页面重复引入组件等
      因为导出功能，对于每个页面的表格是一样的，只不过导出的数据不一样而已，
      我们直接用一个方法就实现了导出，利于项目的维护
    </p>
    <button @click="handleBtn">点击</button>
  </div>
</template>
<script>
import exportFieldDialog from './dialog';
export default {
  methods: {
    handleBtn () {
      exportFieldDialog({a: 1}).then(res => {
        console.log(res);
      }).catch(err => {
        console.log(err);
      })
    }
  }
}
</script>
